<template>
   <header class="header">
      <h1>任务列表</h1>
      <input class="new-todo" placeholder="请输入要做的事情" autofocus v-model="todoname" @keyup.enter="add" />
    </header>
</template>

<script>
export default {
data(){
  return{
    todoname:''
  }
},
methods: {
  add(){
    this.$emit('add',this.todoname)
    this.todoname = ''  //清空输入框内容
  }

}
}
</script>

<style>

</style>